<template>
  <div class="pane_area">
    <div class="pane_name">
      <span>测试</span>
      <button class="pane_close" @click="close"></button>
    </div>
  </div>
</template>


<script>
  export default {
    name: "test",
    methods:{
      close:function(){
        this.$emit('closePane',false);
      }
    }
  }
</script>

<style scoped>
  .pane_area {
    position: absolute;
    top: 100px;
    right: 60px;
    width:250px;
    background-color:rgba(28,28,29,.9);
    border-radius:2px;
    padding-bottom:20px;
  }
  .pane_name {
    border:1px #38535e solid;
    border-radius:2px;
    height:30px;
    line-height:30px;
    color:#ffffff;
    font-size:14px;
    text-indent:10px;
  }
  .pane_close {
    float:right;
    margin:9px;
    width:10px;
    height:10px;
    background:url(../../../static/IMG/leftsider/取消.png) center no-repeat;
    border:none;
    cursor:pointer;
    outline: none;
  }
</style>
